﻿<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="/style/rightdirectory.css" rel="stylesheet" />
    <script src="/script/config.js"></script>
</head>

<body>
    <h5>管理员列表</h5>
    <div class="form-body">
        <div class="form-horizontal  hide" id="form">

        </div>
    </div>
</body>
</html>
<script type="text/html" id="tp-form">
    <div class="form-group">
        <label class="col-sm-2">支付方式</label>
        <div class="col-md-6 col-sm-10">
            <input type="text" class="form-control" data-form="PayName" placeholder="支付方式:如支付宝" value="{{PayName}}">
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-2">支付参数</label>
        <div class="col-md-6 col-sm-10">
            <input type="text" class="form-control" data-form="PyaParams" placeholder="支付参数（json格式）" value="{{PyaParams}}">
        </div>
    </div>
    
    <div class="form-group" id="btn-img">
        <label class="col-sm-2">支付类型图标</label>
        <div class="col-md-1 col-sm-1">
            {{if pageid>0}}
            <img id="img-src" class="col-md-1 col-sm-3" data-form="Pic" src="{{Pic}}" style="width:60px;height:40px;margin-bottom:10px;" />
            {{else}}
            <img id="img-src" class="col-md-1 col-sm-3" src="/img/logo.png" style="width:60px;height:40px;margin-bottom:10px;" />
            {{/if}}
            <input type="hidden" id="Pic" data-form="Pic" value="{{Pic}}" />
            <button class="btn btn-success y-btn" type="button" id="imgUpload" onclick="btnimg()">添加</button>
        </div>
    </div>

    <div class="form-group">
            <label class="col-sm-2">是否启用</label>
            <div class="col-sm-2 col-sm-10">
                <label class="radio-reset">
                    <input type="radio" name="n" data-form="UseStatus" value="1" {{UseStatus|radio_checked 1}}>
                    <span>启动</span>
                </label>
                <label class="radio-reset">
                    <input type="radio" name="n" data-form="UseStatus" value="2" {{UseStatus|radio_checked 2}}>
                    <span>关闭</span>
                </label>
            </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="button" id="btn-submit" class="btn btn-primary">保存</button>
            <button type="button" class="btn" onclick="window.history.go(-1)">退出</button>
        </div>
    </div>
</script>
<link href="/script/valid/css/tr.css" rel="stylesheet" /><!--判断如：PlatformName格式-->
<script src="/script/valid/form-valid.js?v=2018"></script>
<script src="/script/plugins/upload/js/config.js"></script>
<script>
    function btnimg() {
       //图标上传
            $.WebUploader({
                uploader: { //图片上传配置
                    fileNumLimit: 1, // 验证文件总数量, 超出则不允许加入队列
                    fileSingleSizeLimit: 40000, //验证单个文件大小是否超出限制,单位计算/b
                    accept: { //现在被上传文件 不可分体的列表
                        title: 'Images',
                        extensions: 'gif,jpg,jpeg,bmp,png,ico',
                        mimeTypes: 'image/*'
                    },
                    succee: function (rs) {
                      
                        $("#Pic").val(rs.Url);
                        $("#img-src").attr("src", rs.Url);
                        $.msgSucceed("上传成功！")
                    }
                }
            });
    }

    $(function () {
        var id = QueryPageUrlString("v");//判断是否是编辑进来的
        var formValidEvent;
        var formValidInit = function () {
            var formValidData = [
                {
                    key: "PayName",
                    datatype: "*",
                    nullmsg: "不能为空哦",
                    errormsg: "不能为空哦"
                },
            ];
            formValidEvent = $(".form-body").formValid(formValidData);
        }
        var inintData = {
            PayName: "",
            PyaParams: "",
            UseStatus: 1,
            Pic: "",
            pageid:id
        };

        if (id > 0) { //存在值的情况
            $.http.json("payconfig/find", {   //查询
                Id: id
            }, {
                pass: function (data) {
                    data.pageid = id;
                    $("#form").templateRender({ el: "tp-form", data: data });//渲染模板，要先渲染才能获值
                    formValidInit();
                },
                error: function (d) {
                    console.log(d);
                }
            })
        } else {
            $("#form").templateRender({ el: "tp-form", data: inintData });//渲染模板，要先渲染才能获值
            formValidInit();
            LoadUpImg();
        }


        $("#form").on("click", "#btn-submit", function () { //保存按钮有添加和编辑
            if (!formValidEvent.check()) { return; }
            var apiUrl = "payconfig/insert";
            if (id > 0) {
                apiUrl = "payconfig/upd";
            }
            $("#form").ajaxFormSubmit(apiUrl, {
                pass: function (d) {
                    $.msgSucceed(d.Errmsg);
                    return
                },
                error: function (d) {
                    console.log(d)
                    $.msgFall(d.Errmsg);
                }
            }, { addData: { Id: id } })
            return
        });
    });
    function LoadUpImg() {

        
    }
</script>
